﻿<!DOCTYPE html>
<html>
  <head>
    <title>聊天</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/聊天/styles.css" type="text/css" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com" rel="preconnect"/>
    <link href="https://fonts.gstatic.com" rel="preconnect"/>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.7.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/聊天/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 内容框架 (动态面板) -->
      <div id="u1364" class="ax_default" data-label="内容框架">
        <div id="u1364_state0" class="panel_state" data-label="State1" style="">
          <div id="u1364_state0_content" class="panel_state_content">

            <!-- Unnamed (正在加载) -->
            <div id="u1365" class="nopointer  ax_default">

              <!-- Unnamed (组合) -->
              <div id="u1366" class="ax_default" data-left="141" data-top="720" data-width="94" data-height="30" layer-opacity="1">

                <!-- Unnamed (SVG) -->
                <div id="u1367" class="ax_default _默认样式 transition notrs">
                  <img id="u1367_img" class="img " src="images/聊天/u1367.svg"/>
                  <div id="u1367_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1368" class="ax_default _默认样式 transition notrs">
                  <div id="u1368_div" class=""></div>
                  <div id="u1368_text" class="text ">
                    <p><span>正在加载</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 列表 (中继器) -->
            <div id="u1369" class="ax_default" data-label="列表">
              <script id="u1369_script" type="axure-repeater-template" data-label="列表">

                <!-- Unnamed (矩形) -->
                <div id="u1370" class="ax_default _默认样式 u1370 transition notrs">
                  <div id="u1370_div" class="u1370_div"></div>
                  <div id="u1370_text" class="text u1370_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1371" class="ax_default _默认样式 u1371 transition notrs">
                  <div id="u1371_div" class="u1371_div"></div>
                  <div id="u1371_text" class="text u1371_text">
                    <p style="font-size:14px;"><span style="font-family:&quot;微软雅黑 Bold&quot;, &quot;微软雅黑&quot;, sans-serif;font-weight:700;">用户昵称</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;color:#999999;">聊天内容聊天内容聊天内容</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1372" class="ax_default _默认样式 u1372 transition notrs">
                  <div id="u1372_div" class="u1372_div"></div>
                  <div id="u1372_text" class="text u1372_text">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1373" class="ax_default _默认样式 u1373 transition notrs">
                  <div id="u1373_div" class="u1373_div"></div>
                  <div id="u1373_text" class="text u1373_text">
                    <p><span>12:00</span></p>
                  </div>
                </div>
              </script>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1374" class="ax_default _默认样式 transition notrs">
              <div id="u1374_div" class=""></div>
              <div id="u1374_text" class="text ">
                <p><span>10</span></p>
              </div>
            </div>

            <!-- Unnamed (占位符 100px) -->
            <div id="u1375" class="nopointer  ax_default">

              <!-- Unnamed (热区) -->
              <div id="u1376" class="ax_default">
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1377" class="ax_default _默认样式 transition notrs">
              <div id="u1377_div" class=""></div>
              <div id="u1377_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1378" class="ax_default _默认样式 transition notrs">
              <div id="u1378_div" class=""></div>
              <div id="u1378_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:&quot;微软雅黑 Bold&quot;, &quot;微软雅黑&quot;, sans-serif;font-weight:700;">群聊名称</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;color:#999999;">群聊消息内容</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1379" class="ax_default _默认样式 transition notrs">
              <div id="u1379_div" class=""></div>
              <div id="u1379_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1380" class="ax_default _默认样式 transition notrs">
              <div id="u1380_div" class=""></div>
              <div id="u1380_text" class="text ">
                <p><span>12:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1381" class="ax_default _默认样式 transition notrs">
              <div id="u1381_div" class=""></div>
              <div id="u1381_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1382" class="ax_default _默认样式 transition notrs">
              <div id="u1382_div" class=""></div>
              <div id="u1382_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:&quot;微软雅黑 Bold&quot;, &quot;微软雅黑&quot;, sans-serif;font-weight:700;">系统消息</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;color:#999999;">系统通知消息内容</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1383" class="ax_default _默认样式 transition notrs">
              <div id="u1383_div" class=""></div>
              <div id="u1383_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 导航栏 (动态面板) -->
      <div id="u1384" class="ax_default" data-label="导航栏">
        <div id="u1384_state0" class="panel_state" data-label="State1" style="">
          <div id="u1384_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u1385" class="ax_default" data-left="0" data-top="44" data-width="375" data-height="40" layer-opacity="1">

              <!-- Unnamed (矩形) -->
              <div id="u1386" class="ax_default _默认样式 transition notrs">
                <div id="u1386_div" class=""></div>
                <div id="u1386_text" class="text ">
                  <p><span>聊天</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1387" class="ax_default _默认样式 transition notrs">
                <div id="u1387_div" class=""></div>
                <div id="u1387_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1388" class="ax_default _默认样式 transition notrs">
              <div id="u1388_div" class=""></div>
              <div id="u1388_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (状态栏-IphoneX) -->
            <div id="u1389" class="nopointer  ax_default">

              <!-- Unnamed (图片) -->
              <div id="u1390" class="ax_default _默认样式 transition notrs">
                <img id="u1390_img" class="img " src="images/启动页/u56.png"/>
                <div id="u1390_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 标签栏 (动态面板) -->
      <div id="u1391" class="ax_default" data-label="标签栏">
        <div id="u1391_state0" class="panel_state" data-label="State1" style="">
          <div id="u1391_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u1392" class="ax_default" data-left="0" data-top="0" data-width="375" data-height="80" layer-opacity="1">

              <!-- Unnamed (标签栏-IphoneX) -->
              <div id="u1393" class="nopointer  ax_default">

                <!-- Unnamed (矩形) -->
                <div id="u1394" class="ax_default _默认样式 transition notrs">
                  <div id="u1394_div" class=""></div>
                  <div id="u1394_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1395" class="ax_default _默认样式 transition notrs">
                  <div id="u1395_div" class=""></div>
                  <div id="u1395_text" class="text ">
                    <p style="font-size:24px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Home</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1396" class="ax_default _默认样式 transition notrs">
                  <div id="u1396_div" class=""></div>
                  <div id="u1396_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Categories</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1397" class="ax_default _默认样式 transition notrs">
                  <div id="u1397_div" class=""></div>
                  <div id="u1397_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Cart</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1398" class="ax_default _默认样式 transition notrs">
                  <div id="u1398_div" class=""></div>
                  <div id="u1398_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Chats</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1399" class="ax_default _默认样式 transition notrs">
                  <div id="u1399_div" class=""></div>
                  <div id="u1399_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Me</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1400" class="ax_default _默认样式 transition notrs">
                  <div id="u1400_div" class=""></div>
                  <div id="u1400_text" class="text ">
                    <p><span>10</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1401" class="ax_default _默认样式 transition notrs">
                  <div id="u1401_div" class=""></div>
                  <div id="u1401_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1402" class="ax_default _默认样式 transition notrs">
              <div id="u1402_div" class=""></div>
              <div id="u1402_text" class="text ">
                <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">聊天</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1403" class="ax_default _默认样式 transition notrs">
              <div id="u1403_div" class=""></div>
              <div id="u1403_text" class="text ">
                <p><span>10</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (IPhone X Black) -->
      <div id="u1404" class="nopointer  ax_default">

        <!-- Unnamed (组合) -->
        <div id="u1405" class="ax_default" data-left="0" data-top="0" data-width="433" data-height="865" layer-opacity="1">

          <!-- Unnamed (图片) -->
          <div id="u1406" class="ax_default _默认样式 transition notrs">
            <img id="u1406_img" class="img " src="images/启动页/u51.png"/>
            <div id="u1406_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1407" class="ax_default _默认样式 transition notrs">
            <img id="u1407_img" class="img " src="images/启动页/u52.png"/>
            <div id="u1407_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1408" class="ax_default _默认样式 transition notrs">
            <img id="u1408_img" class="img " src="images/启动页/u53.png"/>
            <div id="u1408_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1409" class="ax_default _默认样式 transition notrs">
            <img id="u1409_img" class="img " src="images/启动页/u54.png"/>
            <div id="u1409_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 弹框 (组合) -->
      <div id="u1410" class="ax_default" data-label="弹框" data-left="240" data-top="110" data-width="154" data-height="100" layer-opacity="1">

        <!-- Unnamed (矩形) -->
        <div id="u1411" class="ax_default _默认样式 transition notrs">
          <div id="u1411_div" class=""></div>
          <div id="u1411_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1412" class="ax_default" data-left="248" data-top="120" data-width="139" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1413" class="ax_default _默认样式 transition notrs">
            <div id="u1413_div" class=""></div>
            <div id="u1413_text" class="text ">
              <p><span>添加好友</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1414" class="ax_default _默认样式 transition notrs">
            <div id="u1414_div" class=""></div>
            <div id="u1414_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1415" class="ax_default" data-left="248" data-top="160" data-width="139" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1416" class="ax_default _默认样式 transition notrs">
            <div id="u1416_div" class=""></div>
            <div id="u1416_text" class="text ">
              <p><span>发起群聊</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1417" class="ax_default _默认样式 transition notrs">
            <div id="u1417_div" class=""></div>
            <div id="u1417_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1418" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0" layer-opacity="1">
        </div>
      </div>

      <!-- 弹框 (组合) -->
      <div id="u1419" class="ax_default" data-label="弹框" data-left="140" data-top="250" data-width="154" data-height="140" layer-opacity="1">

        <!-- Unnamed (矩形) -->
        <div id="u1420" class="ax_default _默认样式 transition notrs">
          <div id="u1420_div" class=""></div>
          <div id="u1420_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1421" class="ax_default" data-left="148" data-top="260" data-width="139" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1422" class="ax_default _默认样式 transition notrs">
            <div id="u1422_div" class=""></div>
            <div id="u1422_text" class="text ">
              <p><span>置顶消息</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1423" class="ax_default _默认样式 transition notrs">
            <div id="u1423_div" class=""></div>
            <div id="u1423_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1424" class="ax_default" data-left="148" data-top="300" data-width="139" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1425" class="ax_default _默认样式 transition notrs">
            <div id="u1425_div" class=""></div>
            <div id="u1425_text" class="text ">
              <p><span>消息免打扰</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1426" class="ax_default _默认样式 transition notrs">
            <div id="u1426_div" class=""></div>
            <div id="u1426_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1427" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0" layer-opacity="1">
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1428" class="ax_default" data-left="148" data-top="340" data-width="139" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1429" class="ax_default _默认样式 transition notrs">
            <div id="u1429_div" class=""></div>
            <div id="u1429_text" class="text ">
              <p><span>删除消息</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1430" class="ax_default _默认样式 transition notrs">
            <div id="u1430_div" class=""></div>
            <div id="u1430_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 内容框架 (动态面板) -->
      <div id="u1431" class="ax_default" data-label="内容框架">
        <div id="u1431_state0" class="panel_state" data-label="State1" style="">
          <div id="u1431_state0_content" class="panel_state_content">

            <!-- Unnamed (正在加载) -->
            <div id="u1432" class="nopointer  ax_default">

              <!-- Unnamed (组合) -->
              <div id="u1433" class="ax_default" data-left="141" data-top="720" data-width="94" data-height="30" layer-opacity="1">

                <!-- Unnamed (SVG) -->
                <div id="u1434" class="ax_default _默认样式 transition notrs">
                  <img id="u1434_img" class="img " src="images/聊天/u1367.svg"/>
                  <div id="u1434_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1435" class="ax_default _默认样式 transition notrs">
                  <div id="u1435_div" class=""></div>
                  <div id="u1435_text" class="text ">
                    <p><span>正在加载</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 列表 (中继器) -->
            <div id="u1436" class="ax_default" data-label="列表">
              <script id="u1436_script" type="axure-repeater-template" data-label="列表">

                <!-- Unnamed (矩形) -->
                <div id="u1437" class="ax_default _默认样式 u1437 transition notrs">
                  <div id="u1437_div" class="u1437_div"></div>
                  <div id="u1437_text" class="text u1437_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1438" class="ax_default _默认样式 u1438 transition notrs">
                  <div id="u1438_div" class="u1438_div"></div>
                  <div id="u1438_text" class="text u1438_text">
                    <p style="font-size:14px;"><span style="font-family:&quot;微软雅黑 Bold&quot;, &quot;微软雅黑&quot;, sans-serif;font-weight:700;">Username</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;color:#999999;">Chat Content Chat Content Chat Content</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1439" class="ax_default _默认样式 u1439 transition notrs">
                  <div id="u1439_div" class="u1439_div"></div>
                  <div id="u1439_text" class="text u1439_text">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1440" class="ax_default _默认样式 u1440 transition notrs">
                  <div id="u1440_div" class="u1440_div"></div>
                  <div id="u1440_text" class="text u1440_text">
                    <p><span>12:00</span></p>
                  </div>
                </div>
              </script>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1441" class="ax_default _默认样式 transition notrs">
              <div id="u1441_div" class=""></div>
              <div id="u1441_text" class="text ">
                <p><span>10</span></p>
              </div>
            </div>

            <!-- Unnamed (占位符 100px) -->
            <div id="u1442" class="nopointer  ax_default">

              <!-- Unnamed (热区) -->
              <div id="u1443" class="ax_default">
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1444" class="ax_default _默认样式 transition notrs">
              <div id="u1444_div" class=""></div>
              <div id="u1444_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1445" class="ax_default _默认样式 transition notrs">
              <div id="u1445_div" class=""></div>
              <div id="u1445_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:&quot;微软雅黑 Bold&quot;, &quot;微软雅黑&quot;, sans-serif;font-weight:700;">Group Chat Name</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;color:#999999;">Chat Content Chat Content</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1446" class="ax_default _默认样式 transition notrs">
              <div id="u1446_div" class=""></div>
              <div id="u1446_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1447" class="ax_default _默认样式 transition notrs">
              <div id="u1447_div" class=""></div>
              <div id="u1447_text" class="text ">
                <p><span>12:00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1448" class="ax_default _默认样式 transition notrs">
              <div id="u1448_div" class=""></div>
              <div id="u1448_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1449" class="ax_default _默认样式 transition notrs">
              <div id="u1449_div" class=""></div>
              <div id="u1449_text" class="text ">
                <p style="font-size:14px;"><span style="font-family:&quot;微软雅黑 Bold&quot;, &quot;微软雅黑&quot;, sans-serif;font-weight:700;">System Messages</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;color:#999999;">System Notification Content</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1450" class="ax_default _默认样式 transition notrs">
              <div id="u1450_div" class=""></div>
              <div id="u1450_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 导航栏 (动态面板) -->
      <div id="u1451" class="ax_default" data-label="导航栏">
        <div id="u1451_state0" class="panel_state" data-label="State1" style="">
          <div id="u1451_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u1452" class="ax_default" data-left="0" data-top="44" data-width="375" data-height="40" layer-opacity="1">

              <!-- Unnamed (矩形) -->
              <div id="u1453" class="ax_default _默认样式 transition notrs">
                <div id="u1453_div" class=""></div>
                <div id="u1453_text" class="text ">
                  <p><span>Chat</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1454" class="ax_default _默认样式 transition notrs">
                <div id="u1454_div" class=""></div>
                <div id="u1454_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1455" class="ax_default _默认样式 transition notrs">
              <div id="u1455_div" class=""></div>
              <div id="u1455_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (状态栏-IphoneX) -->
            <div id="u1456" class="nopointer  ax_default">

              <!-- Unnamed (图片) -->
              <div id="u1457" class="ax_default _默认样式 transition notrs">
                <img id="u1457_img" class="img " src="images/启动页/u56.png"/>
                <div id="u1457_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 标签栏 (动态面板) -->
      <div id="u1458" class="ax_default" data-label="标签栏">
        <div id="u1458_state0" class="panel_state" data-label="State1" style="">
          <div id="u1458_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u1459" class="ax_default" data-left="0" data-top="0" data-width="375" data-height="80" layer-opacity="1">

              <!-- Unnamed (标签栏-IphoneX) -->
              <div id="u1460" class="nopointer  ax_default">

                <!-- Unnamed (矩形) -->
                <div id="u1461" class="ax_default _默认样式 transition notrs">
                  <div id="u1461_div" class=""></div>
                  <div id="u1461_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1462" class="ax_default _默认样式 transition notrs">
                  <div id="u1462_div" class=""></div>
                  <div id="u1462_text" class="text ">
                    <p style="font-size:24px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Home</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1463" class="ax_default _默认样式 transition notrs">
                  <div id="u1463_div" class=""></div>
                  <div id="u1463_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Categories</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1464" class="ax_default _默认样式 transition notrs">
                  <div id="u1464_div" class=""></div>
                  <div id="u1464_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Cart</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1465" class="ax_default _默认样式 transition notrs">
                  <div id="u1465_div" class=""></div>
                  <div id="u1465_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Chats</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1466" class="ax_default _默认样式 transition notrs">
                  <div id="u1466_div" class=""></div>
                  <div id="u1466_text" class="text ">
                    <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Me</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1467" class="ax_default _默认样式 transition notrs">
                  <div id="u1467_div" class=""></div>
                  <div id="u1467_text" class="text ">
                    <p><span>10</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1468" class="ax_default _默认样式 transition notrs">
                  <div id="u1468_div" class=""></div>
                  <div id="u1468_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1469" class="ax_default _默认样式 transition notrs">
              <div id="u1469_div" class=""></div>
              <div id="u1469_text" class="text ">
                <p style="font-size:20px;"><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"></span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">Chat</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1470" class="ax_default _默认样式 transition notrs">
              <div id="u1470_div" class=""></div>
              <div id="u1470_text" class="text ">
                <p><span>10</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (IPhone X Black) -->
      <div id="u1471" class="nopointer  ax_default">

        <!-- Unnamed (组合) -->
        <div id="u1472" class="ax_default" data-left="533" data-top="0" data-width="433" data-height="865" layer-opacity="1">

          <!-- Unnamed (图片) -->
          <div id="u1473" class="ax_default _默认样式 transition notrs">
            <img id="u1473_img" class="img " src="images/启动页/u51.png"/>
            <div id="u1473_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1474" class="ax_default _默认样式 transition notrs">
            <img id="u1474_img" class="img " src="images/启动页/u52.png"/>
            <div id="u1474_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1475" class="ax_default _默认样式 transition notrs">
            <img id="u1475_img" class="img " src="images/启动页/u53.png"/>
            <div id="u1475_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u1476" class="ax_default _默认样式 transition notrs">
            <img id="u1476_img" class="img " src="images/启动页/u54.png"/>
            <div id="u1476_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 弹框 (组合) -->
      <div id="u1477" class="ax_default" data-label="弹框" data-left="772" data-top="110" data-width="159" data-height="100" layer-opacity="1">

        <!-- Unnamed (矩形) -->
        <div id="u1478" class="ax_default _默认样式 transition notrs">
          <div id="u1478_div" class=""></div>
          <div id="u1478_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1479" class="ax_default" data-left="773" data-top="120" data-width="139" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1480" class="ax_default _默认样式 transition notrs">
            <div id="u1480_div" class=""></div>
            <div id="u1480_text" class="text ">
              <p><span>&nbsp;Add Friend</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1481" class="ax_default _默认样式 transition notrs">
            <div id="u1481_div" class=""></div>
            <div id="u1481_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1482" class="ax_default" data-left="772" data-top="160" data-width="159" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1483" class="ax_default _默认样式 transition notrs">
            <div id="u1483_div" class=""></div>
            <div id="u1483_text" class="text ">
              <p><span>Start Group Chat</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1484" class="ax_default _默认样式 transition notrs">
            <div id="u1484_div" class=""></div>
            <div id="u1484_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1485" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0" layer-opacity="1">
        </div>
      </div>

      <!-- 弹框 (组合) -->
      <div id="u1486" class="ax_default" data-label="弹框" data-left="673" data-top="250" data-width="157" data-height="140" layer-opacity="1">

        <!-- Unnamed (矩形) -->
        <div id="u1487" class="ax_default _默认样式 transition notrs">
          <div id="u1487_div" class=""></div>
          <div id="u1487_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1488" class="ax_default" data-left="673" data-top="260" data-width="148" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1489" class="ax_default _默认样式 transition notrs">
            <div id="u1489_div" class=""></div>
            <div id="u1489_text" class="text ">
              <p><span>Pin Message</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1490" class="ax_default _默认样式 transition notrs">
            <div id="u1490_div" class=""></div>
            <div id="u1490_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1491" class="ax_default" data-left="673" data-top="300" data-width="153" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1492" class="ax_default _默认样式 transition notrs">
            <div id="u1492_div" class=""></div>
            <div id="u1492_text" class="text ">
              <p><span>Do Not Disturb</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1493" class="ax_default _默认样式 transition notrs">
            <div id="u1493_div" class=""></div>
            <div id="u1493_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1494" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0" layer-opacity="1">
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1495" class="ax_default" data-left="673" data-top="340" data-width="157" data-height="40" layer-opacity="1">

          <!-- Unnamed (矩形) -->
          <div id="u1496" class="ax_default _默认样式 transition notrs">
            <div id="u1496_div" class=""></div>
            <div id="u1496_text" class="text ">
              <p><span>Delete Message</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1497" class="ax_default _默认样式 transition notrs">
            <div id="u1497_div" class=""></div>
            <div id="u1497_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
